.tip{
  background-color:rgba(0, 0, 0, 0.5);
  border-radius:50rpx;
  margin:30rpx;
  position:fixed;
  top:200rpx;
  transition:all 5s ease-in;
  font-size:24rpx;
  display:flex;
  align-items:center;
  height:45rpx;
  animation: show 5s;
  view{
    display: inline-block;
    width:400rpx;
    height: 35rpx;
    overflow:hidden;
    display: -webkit-box;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 1;
    color: #ffffff;
  }
}
.show-tip-img{
  width: 45rpx;
  height: 45rpx;
  border-radius: 50%;
  margin-right: 8rpx;
}
@keyframes show {
  0% {
    opacity: 0;
  }
  50% {
    opacity:1;
  }
  100% {
    opacity: 0;
  }
}